<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像标签</title>
</head>
<body>
<!--图像标签
属性             属性值                         说明
src             图片路径                     必须属性
alt             文    本                    替代文本，图像不能显示文字
title           文    本                    提示文本，鼠标放到图像上，显示文字
width           像    素                    设置图像的宽度
height          像    素                    设置图像的高度
border          像    素                     设置图像的边框粗细
注意点：
1。图像标签可以拥有多个属性，必须写在标签后面
2。属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开
3。属性采取键值对应的格式，即key='value'的格式，属性='属性值'
-->
    <h4>图像标签的使用</h4>
    <img src="./imger/img.png">
    <h4> alt 替换文本 图像显示不出来的时候用文字替换:</h4>
    <img src="img1.jng" alt="我是pink老师"/>
    <h4> title 提示文本 鼠标放到图像上,提示的文字:</h4>
    <img src="./imger/img.png" title="我是pink老师思密达"  alt="我是pink老师"/>

    <h4> width 给图像设定宽度:</h4>
    <img src="./imger/img.png" alt="我是pink老师" title="我是pink老师思密达" width="500"/>
    <h4> height 给图像设定高度:</h4>
    <img src="./imger/img.png" alt="我是pink老师" title="我是pink老师思密达"  height="100"/>
    <h4> border 给图像设定边框:</h4>
    <img src="./imger/img.png" alt="我是pink老师" title="我是pink老师思密达"  width="500" border="15"/>

</body>
</html>